<template>
  <view class="content">
    <div v-for="car in carList" :key="car.id">
      <!-- 使用 car.id 作为唯一标识 -->
      <a :href="car.url"
        ><p>{{ car.name }}</p></a
      >

      <image :src="car.img"></image>
      <p>指导价:{{ car.money }}</p>
      <br />
    </div>
  </view>
</template>

<script setup>
import { onMounted, ref } from 'vue'
import { SelectCar } from '@/api/car'

const carList = ref([])

onMounted(() => {
  SelectCar().then((res) => {
    console.log(res) // 查看整个返回结构
    carList.value = res.data.result
    console.log(carList.value) // 确认 carList 是否被正确赋值
  })
})
</script>

<style>
/* 可选: 在这里添加样式以确保内容可见 */
.content {
  padding: 20px;
}
</style>
